<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>网页样式示例</title>
    <style type="text/css">
        /*使用元素选择器，定义所有p元素样式*/
        p {
            font-family: "微软雅黑";
            font-size: 14px;
            font-weight: bold;
            color: red;
        }

        /*使用id选择器，定义个别样式*/
        #p2 {
            /*字体类型为微软雅黑*//*字体大小为14px*//*字体粗细为bold*//*字体颜色为red*/
            color: blue;
            /*字体颜色为blue*/
        }
    </style>
</head>

<body>
    <p id="p1">HTML控制网页的结构</p >
    <p id="p2">CSS控制网页的外观</p >
    <p id="p3">JavaScript控制网页的行为</p >
</body>

</html>